<template>
  <div class="mydate">
    <!-- 标题 -->
    <h3 class="iconfont">&#xe996; 人生倒计时</h3>
    <div class="dateBox">
      <ul>
        <li>
          <span>xxx已过去</span>
          <el-progress
            :text-inside="true"
            :stroke-width="26"
            :percentage="70"
          ></el-progress>
        </li>
        <li>
          <span>xxx已过去</span>
          <el-progress
            :text-inside="true"
            :stroke-width="26"
            :percentage="70"
          ></el-progress>
        </li>
        <li>
          <span>xxx已过去</span>
          <el-progress
            :text-inside="true"
            :stroke-width="26"
            :percentage="70"
          ></el-progress>
        </li>
        <li>
          <span>xxx已过去</span>
          <el-progress
            :text-inside="true"
            :stroke-width="26"
            :percentage="70"
          ></el-progress>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Mydate',
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/register/mydate.less');
</style>
